import React, { Component } from 'react';
import { NavBar, Icon } from 'antd-mobile';
import Indexcss from "./index.module.scss";
import {BMap  } from "../../utils/mapHelper";
class index extends Component {

  componentDidMount() {
    var map = new BMap.Map("main_map");
    // 创建地图实例  
    var point = new BMap.Point(116.404, 39.915);
    // 创建点坐标  
    map.centerAndZoom(point, 15);
  }

  render() {
    return (
      <div className={Indexcss.city_name} >
        {/* navbar 开始 */}
        <NavBar
          mode="light"
          icon={<Icon type="left" />}
          onLeftClick={() => this.props.history.go(-1)}
        >地图找房</NavBar>
        {/* navbar 结束 */}
        {/* 内容 开始 */}
        <div className={Indexcss.city_map_content}>
          {/* 百度地图 开始 */}
          <div className={Indexcss.main_map} id="main_map">

          </div>
          {/* 百度地图 结束 */}
        </div>
        {/* 内容 结束 */}
      </div>
    );
  }
}
export default index;